@import "/exams/globals.partial";


#wrapper.detail{
	.summary{
		width: 70%;
		float: right;
		margin: 2% 0;
		.page-header{
			text-align: right;
		}
		.well{
			blockquote, .box{
				width: 50%;
				float: left;
			}
			.box{
			  z-index: 2;
			  position: relative;
			  .totalScore{
			    position: absolute;
			    z-index: 2;
			    text-align: center;
			    width: 100%;
			    top: 44%;
			    font-size: 1.8em;
			    .win{
			      color: #c2c2c2;
			    }
			    .middle{
			      color: #444b5d;
			    }
			    .lost{
			      color: #444b5d;
			    }
			  } 
			  #drawDonut{
			    z-index: -1;
			    width: 300px;
			    height: 300px;
			    margin: 0 auto;
			    *{
			      width: 100%;
			      height: 100%;
			    }
			  }
			}
		}
	}
	.submitted{
		clear: both;
		width: 95%;
		margin: 0 auto;
		.questions{
			padding: 0 4%;
			list-style-type: decimal;
			.question{
				margin: 2% 0;
				p.description, p.item{
					padding: 1%;
					font-size: 1.28em;
					border: 1px solid #c2c2c2;
					background-color: #fff;
				}
				p.description{
					box-shadow: 0 0 1px 1px #000;
					margin-bottom: .5%;
				}
				.items{
					list-style-type: lower-alpha;
					padding: 0 0 0 4%;
					li{
						background-color: #fff;
						font-size: 1em;
					}

					li.correct.fail, li.correct{
						position: relative;
						p{
							background-color: lighten(#82ccc8, 20%);
						}
						&:after{
							position: absolute;
							right: 0;
							top: 0;
							content:"correct";
							font-size: 1.3em;
							margin: .5em;
							padding: 0 1%;
							background-color: lighten(#82ccc8, 10%);
							border: 1px solid #c2c2c2;
							box-shadow: 0 0 1px 1px #444b5d;
						}
					}
					li.fail{
						p{
							background-color: lighten(#ac3539, 40%);
						}
					}

				}
				.related{
					strong{
						color: darken( #9da3b3, 20%);
					}
					display: block;
					text-align: right;
					font-style: italic;
					color: #9da3b3;
					margin: 4px 6px;
					font-size: .9em;
				}
			}
		}
	}
}